import { Tooltip } from 'antd';
import React from 'react';

class MoreDataView extends React.Component{


  render() {
    let viewText = this.props.fullText;
    let fullText = viewText;

    viewText = viewText.substring(0, 10);
    viewText += "...";

    return (
      <div>
        <Tooltip placement="topLeft" title={fullText} >
          <div>
            {viewText}
          </div>
        </Tooltip>
      </div>
    );

  }
}

export default MoreDataView;
